<template>
  <!-- 保单信息查询 -->
  <Card>
    <Tabs :animated="false">
      <TabPane label="基本信息" name="基本信息">
        <base-info :form.sync="data" />
      </TabPane>
      <TabPane label="客户信息" name="客户信息">
        <policy-client-info :form="data" />
      </TabPane>
      <TabPane label="理赔信息" name="理赔信息">
        <payout-info />
      </TabPane>
      <TabPane label="保全信息" name="保全信息">
        <preservation-info />
      </TabPane>
      <TabPane label="现价表" name="现价表">
        <current-price-t />
      </TabPane>
    </Tabs>
  </Card>
</template>

<script>
import baseInfo from "./baseInfo.vue";
import CurrentPriceT from "./currentPriceT.vue";
import PayoutInfo from "./payoutInfo.vue";
import PolicyClientInfo from "./policyClientInfo.vue";
import PreservationInfo from "./preservationInfo.vue";
export default {
  components: {
    baseInfo,
    PolicyClientInfo,
    PayoutInfo,
    PreservationInfo,
    CurrentPriceT,
  },
  name: "policyDetail",
  data() {
    return {
      data: {},
    };
  },
  created() {
    this.getData();
  },
  methods: {
    getData() {
      this.api
        .selectguaranteeslipdetails({ contNo: this.$route.query.contNo })
        .then((res) => {
          if (res.code == 200) {
            // this.data = res.data;
            this.$set(this, "data", res.data);
          } else this.$Message.info(res.msg);
        });
    },
  },
};
</script>
